$(function() {

	var $fullText = $('.admin-fullText');
	$('#admin-fullscreen').on('click', function() {
		$.AMUI.fullscreen.toggle();
	});

	$(document).on($.AMUI.fullscreen.raw.fullscreenchange, function() {
		$fullText.text($.AMUI.fullscreen.isFullscreen ? '退出全屏' : '开启全屏');
	});

	var dataType = $('.content').attr('data-type');
	for (key in pageData) {
		if (key == dataType) {
			pageData[key]();
		}
	}

	$('.tpl-switch').find('.tpl-switch-btn-view').on('click', function() {
		$(this).prev('.tpl-switch-btn').prop("checked", function() {
			if ($(this).is(':checked')) {
				return false
			} else {
				return true
			}
		})
		// console.log('123123123')

	})
})
// ==========================
// 侧边导航下拉列表
// ==========================
$('.tpl-left-nav-link-list')
		.on(
				'click',
				function() {
					var flag = true;
					$(this).siblings('.tpl-left-nav-sub-menu').slideToggle(80)
							.end().find('.tpl-left-nav-more-ico').toggleClass(
									'tpl-left-nav-more-ico-rotate');
					var nextThis = $(this);
					if ($(this).next().length > 0) {
						$(this).next().remove();
						flag = false;
					}
					var menuId = $(this).attr("menuId");
					$
							.ajax({
								type : "post",
								url : "/function/next",
								data : {
									"id" : $(this).attr("menuId")
								},
								success : function(data) {
									if (flag) {
										var ul = $("<ul class='tpl-left-nav-sub-menu' style='display: block;'><ul>");
										nextThis.after(ul);
										var li = $("<li></li>")
										$
												.each(
														data,
														function(i, val) {
															var a = "";
															if(data[i].page.indexOf("?") >= 0){
																a = $("<a href="
																		+ data[i].page
																		+ "&menuId="
																		+ menuId
																		+ " class='three first'></a>");
															}else{
																a = $("<a href="
																		+ data[i].page
																		+ "?menuId="
																		+ menuId
																		+ " class='three first'></a>");
															}
															var ifirst = $("<i class='am-icon-angle-right'></i>");
															var span = $("<span>"
																	+ data[i].description
																	+ "</span>");
															var isecond = $("<i class='am-icon-star tpl-left-nav-content-ico am-fr an-margin-right'></i>");
															ifirst.appendTo(a);
															span.appendTo(a);
															isecond.appendTo(a);
															a.appendTo(li);
														})
										li.appendTo(ul);
									}
								}
							})
				})
// ==========================
// 头部导航隐藏菜单
// ==========================

var flag = true;
$('.tpl-header-nav-hover-ico').on('click', function() {
	$('.tpl-left-nav').toggle();
	if (flag == true) {
		$('.tpl-content-wrapper').attr("style", "display:fixed");
		$('.tpl-content-wrapper').attr("style", "left:-100px");
		flag = false;
	} else {
		$('.tpl-content-wrapper').attr("style", "display:relative");
		$('.tpl-content-wrapper').attr("style", "left:0px");
		flag = true;
	}
})

// 页面数据
var pageData = {
	// ===============================================
	// 首页
	// ===============================================
	'index' : function indexData() {

		var myScroll = new IScroll('#wrapper', {
			scrollbars : true,
			mouseWheel : true,
			interactiveScrollbars : true,
			shrinkScrollbars : 'scale',
			preventDefault : false,
			fadeScrollbars : true
		});

		var myScrollA = new IScroll('#wrapperA', {
			scrollbars : true,
			mouseWheel : true,
			interactiveScrollbars : true,
			shrinkScrollbars : 'scale',
			preventDefault : false,
			fadeScrollbars : true
		});

		var myScrollB = new IScroll('#wrapperB', {
			scrollbars : true,
			mouseWheel : true,
			interactiveScrollbars : true,
			shrinkScrollbars : 'scale',
			preventDefault : false,
			fadeScrollbars : true
		});

		// document.addEventListener('touchmove', function(e) {
		// e.preventDefault(); }, false);

		// ==========================
		// 百度图表A http://echarts.baidu.com/
		// ==========================

		var echartsA = echarts.init(document.getElementById('tpl-echarts-A'));
		option = {

			tooltip : {
				trigger : 'axis',
			},
			legend : {
				data : [ '邮件', '媒体', '资源' ]
			},
			grid : {
				left : '3%',
				right : '4%',
				bottom : '3%',
				containLabel : true
			},
			xAxis : [ {
				type : 'category',
				boundaryGap : true,
				data : [ '周一', '周二', '周三', '周四', '周五', '周六', '周日' ]
			} ],

			yAxis : [ {
				type : 'value'
			} ],
			series : [ {
				name : '邮件',
				type : 'line',
				stack : '总量',
				areaStyle : {
					normal : {}
				},
				data : [ 120, 132, 101, 134, 90, 230, 210 ],
				itemStyle : {
					normal : {
						color : '#59aea2'
					},
					emphasis : {

					}
				}
			}, {
				name : '媒体',
				type : 'line',
				stack : '总量',
				areaStyle : {
					normal : {}
				},
				data : [ 220, 182, 191, 234, 290, 330, 310 ],
				itemStyle : {
					normal : {
						color : '#e7505a'
					}
				}
			}, {
				name : '资源',
				type : 'line',
				stack : '总量',
				areaStyle : {
					normal : {}
				},
				data : [ 150, 232, 201, 154, 190, 330, 410 ],
				itemStyle : {
					normal : {
						color : '#32c5d2'
					}
				}
			} ]
		};
		echartsA.setOption(option);
	},
	// ===============================================
	// 图表页
	// ===============================================
	'chart' : function chartData() {
		// ==========================
		// 百度图表A http://echarts.baidu.com/
		// ==========================

		var echartsC = echarts.init(document.getElementById('tpl-echarts-C'));

		optionC = {
			tooltip : {
				trigger : 'axis'
			},
			toolbox : {
				top : '0',
				feature : {
					dataView : {
						show : true,
						readOnly : false
					},
					magicType : {
						show : true,
						type : [ 'line', 'bar' ]
					},
					restore : {
						show : true
					},
					saveAsImage : {
						show : true
					}
				}
			},
			legend : {
				data : [ '蒸发量', '降水量', '平均温度' ]
			},
			xAxis : [ {
				type : 'category',
				data : [ '1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月',
						'10月', '11月', '12月' ]
			} ],
			yAxis : [ {
				type : 'value',
				name : '水量',
				min : 0,
				max : 250,
				interval : 50,
				axisLabel : {
					formatter : '{value} ml'
				}
			}, {
				type : 'value',
				name : '温度',
				min : 0,
				max : 25,
				interval : 5,
				axisLabel : {
					formatter : '{value} °C'
				}
			} ],
			series : [
					{
						name : '蒸发量',
						type : 'bar',
						data : [ 2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2,
								32.6, 20.0, 6.4, 3.3 ]
					},
					{
						name : '降水量',
						type : 'bar',
						data : [ 2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2,
								48.7, 18.8, 6.0, 2.3 ]
					},
					{
						name : '平均温度',
						type : 'line',
						yAxisIndex : 1,
						data : [ 2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4,
								23.0, 16.5, 12.0, 6.2 ]
					} ]
		};

		echartsC.setOption(optionC);

		var echartsB = echarts.init(document.getElementById('tpl-echarts-B'));
		optionB = {
			tooltip : {
				trigger : 'axis'
			},
			legend : {
				x : 'center',
				data : [ '某软件', '某主食手机', '某水果手机', '降水量', '蒸发量' ]
			},
			radar : [ {
				indicator : [ {
					text : '品牌',
					max : 100
				}, {
					text : '内容',
					max : 100
				}, {
					text : '可用性',
					max : 100
				}, {
					text : '功能',
					max : 100
				} ],
				center : [ '25%', '40%' ],
				radius : 80
			}, {
				indicator : [ {
					text : '外观',
					max : 100
				}, {
					text : '拍照',
					max : 100
				}, {
					text : '系统',
					max : 100
				}, {
					text : '性能',
					max : 100
				}, {
					text : '屏幕',
					max : 100
				} ],
				radius : 80,
				center : [ '50%', '60%' ],
			}, {
				indicator : (function() {
					var res = [];
					for (var i = 1; i <= 12; i++) {
						res.push({
							text : i + '月',
							max : 100
						});
					}
					return res;
				})(),
				center : [ '75%', '40%' ],
				radius : 80
			} ],
			series : [
					{
						type : 'radar',
						tooltip : {
							trigger : 'item'
						},
						itemStyle : {
							normal : {
								areaStyle : {
									type : 'default'
								}
							}
						},
						data : [ {
							value : [ 60, 73, 85, 40 ],
							name : '某软件'
						} ]
					},
					{
						type : 'radar',
						radarIndex : 1,
						data : [ {
							value : [ 85, 90, 90, 95, 95 ],
							name : '某主食手机'
						}, {
							value : [ 95, 80, 95, 90, 93 ],
							name : '某水果手机'
						} ]
					},
					{
						type : 'radar',
						radarIndex : 2,
						itemStyle : {
							normal : {
								areaStyle : {
									type : 'default'
								}
							}
						},
						data : [
								{
									name : '降水量',
									value : [ 2.6, 5.9, 9.0, 26.4, 28.7, 70.7,
											75.6, 82.2, 48.7, 18.8, 6.0, 2.3 ],
								},
								{
									name : '蒸发量',
									value : [ 2.0, 4.9, 7.0, 23.2, 25.6, 76.7,
											35.6, 62.2, 32.6, 20.0, 6.4, 3.3 ]
								} ]
					} ]
		};
		echartsB.setOption(optionB);
		var echartsA = echarts.init(document.getElementById('tpl-echarts-A'));
		option = {

			tooltip : {
				trigger : 'axis',
			},
			legend : {
				data : [ '邮件', '媒体', '资源' ]
			},
			grid : {
				left : '3%',
				right : '4%',
				bottom : '3%',
				containLabel : true
			},
			xAxis : [ {
				type : 'category',
				boundaryGap : true,
				data : [ '周一', '周二', '周三', '周四', '周五', '周六', '周日' ]
			} ],

			yAxis : [ {
				type : 'value'
			} ],
			series : [ {
				name : '邮件',
				type : 'line',
				stack : '总量',
				areaStyle : {
					normal : {}
				},
				data : [ 120, 132, 101, 134, 90, 230, 210 ],
				itemStyle : {
					normal : {
						color : '#59aea2'
					},
					emphasis : {

					}
				}
			}, {
				name : '媒体',
				type : 'line',
				stack : '总量',
				areaStyle : {
					normal : {}
				},
				data : [ 220, 182, 191, 234, 290, 330, 310 ],
				itemStyle : {
					normal : {
						color : '#e7505a'
					}
				}
			}, {
				name : '资源',
				type : 'line',
				stack : '总量',
				areaStyle : {
					normal : {}
				},
				data : [ 150, 232, 201, 154, 190, 330, 410 ],
				itemStyle : {
					normal : {
						color : '#32c5d2'
					}
				}
			} ]
		};
		echartsA.setOption(option);
	}
}